#root {
  text-align: center;
}
#root h1{
  color: aqua;
  margin-top: 150px;
}


.labels li, .numbers li {
  display: inline-block;
  width: 16px;
  height: 21px;
  text-align: center;
  overflow: hidden;
}

.labels li:nth-of-type(4n) {
  margin-right: 16px;
}

.labels li .text {
  display: block;
  transition: all .3s;
}

.labels li .text:nth-of-type(2) {
  opacity: 0;
}


.numbers {
  width: 326px;
  margin: 20px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.numbers li {
  transition: all .2s;
}
.numbers li.last {
  opacity: 0;
  transform: translateX(10px) rotate(45deg);
}
